<!doctype html>
<html class="no-js">
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="description" content="这是登录页">
  <meta name="keywords" content="login">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>登录页</title>

  <!-- Set render engine for 360 browser -->
  <meta name="renderer" content="webkit">

  <!-- No Baidu Siteapp-->
  <meta http-equiv="Cache-Control" content="no-siteapp"/>

  <link rel="icon" type="image/png" href="img/lysf.ico">
  <link rel="stylesheet" href="amazeui/css/amazeui.min.css">
  <link rel="stylesheet" href="css/login.css">
</head>
<body class="am-container">

<header class="am-topbar am-topbar-fixed-top">
  <div class="am-container">
    <h1 class="am-topbar-brand">
      <label>毕业设计（论文）管理系统</lable>
    </h1>
  </div> 
</header>

<div id="login_imgDiv" class="am-panel am-panel-default am-u-lg-12">
    <div class="am-panel-bd">
		
		<div id="login_div" class="am-fr">
			<section class="am-panel am-panel-default">
			  <header class="am-panel-hd">
			    <h3 class="am-panel-title" style="text-align: center;">账号密码登录</h3>
			  </header>
			  <div class="am-panel-bd">
			       <form class="am-form tpl-form-line-form">
			        <div class="am-form-group am-input-group">
			        	<span class="am-input-group-label"><i class="am-icon-user am-icon-fw"></i></span>
				        <input type="text" class="tpl-form-input" id="user-account" placeholder="请输入账号">
			        </div>
			        <div class="am-form-group am-input-group">
			         	<span class="am-input-group-label"><i class="am-icon-lock am-icon-fw"></i></span>
			            <input type="password" class="tpl-form-input" id="user-password" placeholder="请输入密码">
			        </div>
			        <div class="am-form-group am-cf am-form-icon am-form-feedback">
			          <div class="am-fl" style="width: 56%;">
			          	<input id="randStr" type="text" class="tpl-form-input" placeholder="请输入验证码">
			          </div>
			          <div class="am-fl" style="margin: 3px 0 0 5px;">
			          	<img id="imgValidate" style="width: 86px;" src="/graduation/code.jsp" onclick="refresh()" title="看不清可单击图片刷新">
				        <a id="imgValidate_a" href="#" class="am-fr" style="margin: 3px 0 0 3px;" onclick="refresh()">看不清</a>
			          </div>
			        </div>
			        <div class="am-form-group">
			            <button id="login_btn" type="button" class="am-btn am-btn-primary  am-btn-block tpl-btn-bg-color-success  tpl-login-btn">登录</button>
			        </div>
			        <div class="am-form-group tpl-login-remember-me" style="display: inline;">
			            <input id="remember-me" type="checkbox">
			            <label for="remember-me">记住密码</label>
			        </div>
			        <span class="am-fr detail-p" style="color: #999;">忘记密码请联系管理员</span>
			    </form>
			  </div>
			</section>
		</div>
    </div>
</div>

<div class="am-u-lg-7" style="margin-top: 10px;" >
<div class="am-panel am-panel-default" style="border-radius: 6px;">
	  <header class="am-panel-hd">
	    <h3 class="am-panel-title">通知公告</h3>
	  </header>
	  <ul id="inform_ul" class="am-list am-list-border"></ul>
	 <div class="am-panel-footer" style="text-align: right;">
		 <a href="javascript:;" id="inform_many_a">
		 	<span style="margin-right: 5px;">查看更多通知公告请点击</span>
		 	<span class="am-icon-angle-double-right am-icon-sm"></span>
		 </a>
	 </div>
	</div>
</div>
<div class="am-u-lg-5" style="margin-top: 10px;" >
<div class="am-panel am-panel-default" style="border-radius: 6px;">
  <header class="am-panel-hd">
    <h3 class="am-panel-title">文件下载</h3>
  </header>
   	    <ul id="down_ul" class="am-list am-list-border"></ul>
	 <div class="am-panel-footer" style="text-align: right;">
		 <a href="javascript:;" id="down_many_a">
		 	<span style="margin-right: 5px;">查看更多文件下载请点击</span>
		 	<span class="am-icon-angle-double-right am-icon-sm"></span>
		 </a>
	 </div>
  </div>
</div>

<div>
  <div class="am-g am-container">
    <div class="am-u-lg-12">
		 <footer data-am-widget="footer"
		         class="am-footer am-footer-default">
		   <div class="am-footer-switch">
		   </div>
		   <div class="am-footer-miscs ">
		   <p>由 <a href="https://github.com/Li-Zhan" title="李展" target="_blank">李展</a>
		           提供技术支持</p>
		       <p>copyright &copy; 2018-2028, All Rights Reserved.</p>
		   </div>
		 </footer>
    </div>
  </div>
</div>

<div data-am-widget="gotop" class="am-gotop am-gotop-fixed" >
  <a href="#top" title="回到顶部">
      <span class="am-gotop-title">回到顶部</span>
        <i class="am-gotop-icon am-icon-chevron-up"></i>
  </a>
</div>


<div class="am-modal am-modal-no-btn" tabindex="-1" id="inform-modal">
  <div class="am-modal-dialog">
    <div id="modal_title" class="am-modal-hd"><span class="am-text-sm"></span>
      <a href="javascript: void(0)" class="am-close am-close-spin" data-am-modal-close>&times;</a>
    </div>
    <div id="model_body" class="am-modal-bd am-text-left"></div>
  </div>
</div>


<!--[if (gte IE 9)|!(IE)]><!-->
<script src="js/jquery.min.js"></script>
<!--<![endif]-->
<!--[if lte IE 8 ]>
<script src="http://libs.baidu.com/jquery/1.11.3/jquery.min.js"></script>
<script src="http://cdn.staticfile.org/modernizr/2.8.3/modernizr.js"></script>
<script src="amazeui/js/amazeui.ie8polyfill.min.js"></script>
<![endif]-->
<script src="amazeui/js/amazeui.min.js"></script>
<script src="js/crypto-js.js"></script>
<script src="js/util.js"></script>
<script src="js/login.js"></script>
</body>
</html>